// 选项卡
	$('.nav-sub .show ').mouseout(function() {
		//切换class
		$(this).addClass('active').siblings('show').removeClass('active');
		//获取索引
		var i = $(this).index();
		//切换content
		$(this).parents('.qe').find('ul').eq(i).show().siblings('ul').hide();
		
	});
	

// 操作
$('.site-itembox').mouseenter(function(e) {
	$(this).find('.del').css('display', 'block');
	$(this).find('.alert').css('display', 'block');
})
$('.site-itembox').mouseleave(function(e) {
	$(this).find('.del').css('display', 'none');
	$(this).find('.alert').css('display', 'none');
})
$('.site-item').delegate('.del','click',function() {
	$(this).parents('.site-itembox').remove()
})


// 省市区
new PCAS("province6", "city6", "area6", "山东省", "青岛市", "城阳区");

$('.site-itemadd').click(function() {
	$('.addsite').css('display', 'block');
	$(".btn-on").css('display', 'inline-block');
	$('.btn-sit').css('display', 'none');
});
$('.off').click(function() {
	$('.addsite').css('display', 'none');
});
$('.btn-off').click(function() {
	$('.addsite').css('display', 'none');
});

//表单点击事件
$('.addsite input').click(function() {
	$('input').parents('ul').find('.ip-text').css('border', '1px solid #000');
	$('input').parents('ul').find('select').css('border', '1px solid #000');
	$('input').css('border', '1px solid #000');
	$(this).css('border', '1px solid #ff6700');
});
$('.addsite select').click(function() {
	$('select').parents('ul').find('input').css('border', '1px solid #000');
	$('select').parents('ul').find('textarea').css('border', '1px solid #000');
	$('select').css('border', '1px solid #000');
	$(this).css('border', '1px solid #ff6700');
});
$('.addsite textarea').click(function() {
	$('textarea').parents('ul').find('select').css('border', '1px solid #000');
	$('textarea').parents('ul').find('input').css('border', '1px solid #000');
	$('textarea').parent('input').css('border', '1px solid #000');
	$(this).css('border', '1px solid #ff6700');
});




$('.btn-on').click(function() {
	// 表单验证
	var name = $('.input-name').val();
	var phone = $('.input-phone').val();
	var site = $('.ip-text').val();
	var sheng = $('#sheng').val();
	var shi = $('#shi').val();
	var qu = $('#qu').val();

	var reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/;
	var tel = /[0-9-()（）]{7,18}/;
	var ip = /^[\u4e00-\u9fa5]{5,32}$/;

	var isAccount = reg.test(name);
	var isTel = tel.test(phone);
	var isIP = ip.test(site);

 
	if (isAccount) {
		$('.addsite  li .name').css('display', 'none');
	} else {
		$('.addsite  li .name').css('display', 'block');
		$(".input-name").val("");
	};

	if (isTel) {
		$('.addsite  li .phone').css('display', 'none');
	} else {
		$('.addsite  li .phone').css('display', 'block');
		$(".input-phone").val("");
	};

	if (isIP) {
		$('.addsite  li .ip-site').css('display', 'none');
	} else {
		$('.addsite  li .ip-site').css('display', 'block');
		$(".input-text").val("");
	};


	

	
 
	if( isAccount && isTel && isIP){
		$('.addsite').css('display', 'none');
		
		var $card = $(
		'<div class="site-itembox fl clearfix" id="txt">' +
			'<div class="site-itembox-name site-itembox-style">' + name + '</div>' +
			'<div class="site-itembox-tel site-itembox-style">' + phone + '</div>' +
			'<div class="site-itembox-province site-itembox-style">' + sheng + ' ' + shi + ' ' + qu + '</div>' +
			'<div class="site-itembox-address site-itembox-style">' + site + '</div>' +
			'<div class="site-operation fr clearfix">' +
				'<div class="alert fl">' +
					'<a href="#">' + '修改' + '</a>' +
				'</div>' +
				'<div class="del fl">' +
					'<a href="#">删除</a>' +
				'</div>' +
			'</div>' +
		'</div>'
	);
		
		//添加地址
		$('.site-item').append($card);
		$('.name').val('');
		$('.phone').val('');
		$('#sheng').val('');
		$('#shi').val('');
		$('#qu').val('');
		$('.site').val('');
	}
		// $('.addsite').css('display', 'none');

});
$('.btn-sit').click(function() {
	// 表单验证
	
		// $('.addsite').css('display', 'none');

});
// 修改
var i;
$('.site-item').delegate('.alert','click',function() {
	// $('.addsite').css('display', 'block');
	
	var name1 = $(this).parents().children('.site-itembox-name').text().trim();
	var phone1= $(this).parents().children('.site-itembox-tel').text().trim();
	var sheng1 = $('.sheng').text().trim();
	var shi1 = $('.shi').text().trim();
	var qu1 = $('.qu').text().trim();
	var ip1 = $(this).parents().children('.site-itembox-address').text().trim();
	
	// $('#site-name').val();
	// $('.site-itembox-tel').val();
	// $('.sheng').val();
	// $('.shi').val();
	// $('.qu').val();
	// $('.site-itembox-address').val();
	
	$('.addsite').css('display', 'block');
	$('.btn-on').css('display', 'none');
	$('.btn-sit').css('display', 'block');
	$('.btn-off').css('margin-left', '250px');
	
	
	 $('.input-name').val(name1);
	 $('.input-phone').val(phone1);
	 $('#sheng').val(sheng1);
	 $('#shi').val(shi1);
	 $('#qu').val(qu1);
	 $('.ip-text').val(ip1);
	 
	 // console.log(name1);
	 
	
	
})

 $('.btn-sit').click(function () {
		 var name = $('.input-name').val();
		 var phone = $('.input-phone').val();
		 var site = $('.ip-text').val();
		 var sheng = $('#sheng').val();
		 var shi = $('#shi').val();
		 var qu = $('#qu').val();
		 
		 var reg = /^[\u4E00-\u9FA5A-Za-z0-9_]+$/;
		 var tel = /[0-9-()（）]{7,18}/;
		 var ip = /^[\u4e00-\u9fa5]{5,32}$/;
		 
		 var isAccount = reg.test(name);
		 var isTel = tel.test(phone);
		 var isIP = ip.test(site);
		 
		  
		 if (isAccount) {
		 	$('.addsite  li .name').css('display', 'none');
		 } else {
		 	$('.addsite  li .name').css('display', 'block');
		 	$(".input-name").val("");
		 };
		 
		 if (isTel) {
		 	$('.addsite  li .phone').css('display', 'none');
		 } else {
		 	$('.addsite  li .phone').css('display', 'block');
		 	$(".input-phone").val("");
		 };
		 
		 if (isIP) {
		 	$('.addsite  li .ip-site').css('display', 'none');
		 } else {
		 	$('.addsite  li .ip-site').css('display', 'block');
		 	$(".input-text").val("");
		 };
		 
		 console.log()
		 
		 
		 
		  
		$(this).parents().find('#site-name').text(name);
		$(this).parents().find('.site-itembox-tel').text(phone);
		$(this).parents().find('.sheng').text(sheng);
		$(this).parents().find('.shi').text(shi);
		$(this).parents().find('.qu').text(qu);
		$(this).parents().find('.site-itembox-address').text(site);
		console.log( $(this).parents().siblings('#submit').children('#site-name'));
	 	
		$('.addsite').css('display', 'none');
})
// $('.list-group').on('click', '.alert', function() {
// 	// 获取索引值
// 	i = $(this).parents('.site-itembox ').index();
	
// 	$('#submit').addClass('btn-on');
	
// 	var name = $(this).parents().siblings('.site-itembox-name').text().trim();
	
// 	$('#site-name').val(name);
// });
// $ ('.btn-on').click(function () {
	
// 	var name= $('#site-name').val();
	
// 	$('.site-itembox').eq(i).find('.site-itembox-name').text(name);
	
	
// });

